Recarga imágenes alternativas

En unos pocos segundos esta imagen cambiará de color.

Para usar este script, copia el siguiente código en <head></head> tag. Necesitarás cambiar la localización de tus imágenes en "YOUR FIRST RELOADED IMAGE" y "YOUR FIRST ORIGINAL IMAGE"

<script language="JavaScript">
function startTime(){
        var time= new Date();
        hours= time.getHours();
        mins= time.getMinutes();
        secs= time.getSeconds();
        closeTime=hours*3600+mins*60+secs;
        closeTime+=3;  // If you want it to wait loading longer or shorter adjust this number accordingly.
        Timer();
}

function Timer(){
        var time= new Date();
        hours= time.getHours();
        mins= time.getMinutes();
        secs= time.getSeconds();
        curTime=hours*3600+mins*60+secs
        if(curTime>=closeTime)
                reloadimg();
        else
                window.setTimeout("Timer()",1000)
}
function reloadimg(){
	document.img1.src = "YOUR FIRST RELOADED IMAGE"
}
</script>

Ahora pon esta imagen donde quieras en tu página:.

<img src="YOUR FIRST ORIGINAL IMAGE" name="img1">

Si quieres ańadir más imágenes, necesitas ańadir esta línea al principio del script.

	document.img2.src = "YOUR SECOND RELOADED IMAGE"

Tu script tendrá esta apariencia.

<script language="JavaScript">
function startTime(){
        var time= new Date();
        hours= time.getHours();
        mins= time.getMinutes();
        secs= time.getSeconds();
        closeTime=hours*3600+mins*60+secs;
        closeTime+=3;  // If you want it to wait loading longer or shorter adjust this number accordingly.
        Timer();
}

function Timer(){
        var time= new Date();
        hours= time.getHours();
        mins= time.getMinutes();
        secs= time.getSeconds();
        curTime=hours*3600+mins*60+secs
        if(curTime>=closeTime)
                reloadimg();
        else
                window.setTimeout("Timer()",1000)
}
function reloadimg(){
	document.img1.src = "YOUR FIRST RELOADED IMAGE"
	document.img2.src = "YOUR SECOND RELOADED IMAGE"
}
</script>

Aquí está el código para la segunda imagen:

<img src="YOUR SECOND ORIGIONAL IMAGE" name="img2">